<!-- 组合式案例 -->
 <script setup>
 import EmpListVue from './views/EmpList.vue'
</script>

 <template>
 <EmpListVue></EmpListVue>
 </template>

 <style scoped></style>


<!-- 组合式 -->
<!-- <script setup>
import { onMounted, ref } from 'vue';
const count = ref(0); // 声明响应式变量

function increment(){
  count.value++;
}

onMounted(() => { //声明钩子函数
  console.log('vue mounted...')
})
</script>

<template>
  <button type="button" v-on:click="increment">click</button>
  点击次数  : {{ count }}
</template>

<style scoped></style> -->


<!-- 选项式 -->
<!-- <script>
export default{
  data() {
    return {
      count:0
    }
  },
  methods: {
    increment: function(){
      this.count++
    }
  },
  mounted() {
   console.log('vue mounted...');
  }
}
</script>

<template>
  <button type="button" v-on:click="increment">click</button> {{ count }}
</template>

<style scoped>

</style> -->